export const mainColor = "#3258de";
export const mainHover = "#4a6ce2";
export const mainPress = "#2d4fc9";
export const mouseOver = "#eaeefb";
export const mousePress = "#d6def8";

export const helpColor = "#32bfde";
export const helpHover = "#3fd4f4";
export const helpPress = "#19bed3";

export const raise = "#ff4d4f";
export const fall = "#52c41a";

export const fontColor = "#303133";
export const fontHead = "#606266";
export const fontHelp = "#909399";
export const fontDisabled = "#90939966";
export const fontLink = "#3258de";
export const fontLinkClicked = "#6f85b4";

export const primaryColor = "#3258de";
export const successColor = "#52c41a";
export const dangerColor = "#ff8e0d";
export const warningColor = "#ff4d4f";

export const primaryBackground = "#EAEEFB";
export const successBackground = "#EDF9E8";
export const dangerBackground = "#FFF3E6";
export const warningBackground = "#FFEDED";

export const guideBackground = "#f5f6fb";
export const navigateBackground = "#ffffff";
export const navigateSecondBackground = "#ffffff";

export const containerBackgound = "#f5f6fb";

export const navigateTreeBackground = "#ffffff";

export const contentCard = "#ffffff";

export const buttonBackground = "#ffffff";
export const inputBackground = "#ffffff";
export const datepickerBackground = "#ffffff";
export const buttonPopBackground = "#ffffff";
export const linearBackground = "linear-gradient( #ffffff, #f5f6fb);";

export const lightBorderColor = "#eaeefb";

export const scrollBackground = "#c0c4cc";

export const navigateTreeCardBackground = "#eaeefb";

export const cardShadow = "#30313333";

export const dialogShadow = "#3258de26";

export const heavyBorderColor = "#d6def8";

export const dialogBackground = "#f5f6fb";

export const treeChartColor = "#7392FF";

export const pageIconInactiveColor = "#ff3d074d";

export let colorMixIn = {
  install(Vue, opts) {
    Vue.mixin({
      // 混入
      data() {
        return {
          mainColor,
          mainHover,
          mainPress,
          mouseOver,
          mousePress,
          helpColor,
          helpHover,
          raiseColor: raise,
          fallColor: fall,
          fontColor,
          fontHead,
          fontHelp,
          fontDisabled,
          fontLink,
          fontLinkClicked,
          primaryColor,
          successColor,
          dangerColor,
          warningColor,
          primaryBackground,
          successBackground,
          dangerBackground,
          warningBackground,
          guideBackground,
          navigateBackground,
          navigateSecondBackground,
          containerBackgound,
          navigateTreeBackground,
          contentCard,
          buttonBackground,
          inputBackground,
          datepickerBackground,
          buttonPopBackground,
          linearBackground,
          lightBorderColor,
          scrollBackground,
          navigateTreeCardBackground,
          dialogShadow,
          heavyBorderColor,
          dialogBackground,
          treeChartColor,
          pageIconInactiveColor
        };
      }
    });
  }
};
